	<nav class="mui-bar mui-bar-tab" id="footer-list">
		<a class="mui-tab-item {if request()->controller() == 'Index'}mui-active{/if}" href="{:url('index/index')}">
			<span class="mui-icon iconfont icon-daohangshouye"></span>
			<span class="mui-tab-label">首页</span>
		</a>
		<a class="mui-tab-item {if request()->controller() == 'Shop'}mui-active{/if}" href="{:url('shop/index')}">
			<span class="mui-icon mui-icon-settings"></span>
			<span class="mui-tab-label">产品中心</span>
		</a>
		<a class="mui-tab-item {if request()->controller() == 'News'}mui-active{/if}" href="{:url('news/index')}">
			<span class="mui-icon iconfont icon-gouwuche1"></span>
			<span class="mui-tab-label">新闻资讯</span>
		</a>
		<a class="mui-tab-item {if request()->controller() == 'About'}mui-active{/if}" href="{:url('about/index')}">
			<span class="mui-icon iconfont icon-huiyuan"></span>
			<span class="mui-tab-label">关于我们</span>
		</a>
	</nav>

<script>
	var aniShow = "pop-in";
	//页面跳转
	mui('#footer-list').on('tap', 'a', function() {
		var id = this.getAttribute('href');
		var href = this.href;
		mui.openWindow({
			id: id,
			url: this.href,
			show: {
				aniShow: aniShow
			},
			waiting: {
				autoShow: false
			}
		});
	});
	var gallery = mui('.mui-slider');
	gallery.slider({
		interval: 3000 //自动轮播周期，若为0则不自动播放，默认为0；
	});
</script>